Is Med. yellowish green an official BrickColor?

BrickColor ID 115 uses RGB 199, 210, 60 from the public BrickColor table. HEX #C7D23C is a calculated sRGB encoding of that RGB.

BrickColor 115

Med. yellowish green

Official RGB 199, 210, 60. HEX, HSL, and OKLCH below are calculated conversions.

Open color page

Med. yellowish green (BrickColor 115)

#C7D23C

Accessibility

AAA

12.71:1

Vs white / black

1.65:1 · 12.71:1

Sources

Library color

Codes

Formats

HEX

#c7d23c

RGB

rgb(199, 210, 60)

RGBA

rgba(199, 210, 60, 1)

HSL

hsl(64, 62%, 53%)

HSLA

hsla(64, 62%, 53%, 1)

HSV

hsv(64, 71%, 82%)

LAB

lab(81.05% -21.77 68.64)

LCH

lch(81.05% 72.01 107.6)

OKLAB

oklab(0.8292 -0.0667 0.1522)

OKLCH

oklch(0.8292 0.1662 113.66)

XYZ

xyz(47.42, 58.56, 13.08)

CMYK

cmyk(5%, 0%, 71%, 18%)

CSS

color: #c7d23c;

CSS variable

--color-c7d23c: #c7d23c;

SCSS

$color-c7d23c: #c7d23c;

JavaScript

const color = "#c7d23c";

TypeScript

const color: string = "#c7d23c";

React

style={{ backgroundColor: "#c7d23c" }}

JSON

{ "hex": "#c7d23c", "rgb": { "r": 199, "g": 210, "b": 60 }, "oklch": "oklch(0.8292 0.1662 113.66)" }

Export

Developer code

css

:root {
  --med.-yellowish-green-(brickcolor-115)-1: #c7d23c;
}

Design systems

Nearest official tokens

An arbitrary HEX is not an official Tailwind, Material, or Bootstrap color. Distance is CIEDE2000.

Nearest Tailwind color

lime-400

Very different · ΔE 9.77 · #A3E635

Nearest CSS named color

YellowGreen

Very different · ΔE 8.28 · #9ACD32

Nearest Material color

lime-600

Similar · ΔE 1.95 · #C0CA33

Nearest Bootstrap color

warning

Very different · ΔE 18.37 · #FFC107

OKLCH

Perceptual 50–950 scale

Generated in OKLCH from this hex. Not an official Tailwind scale unless the hex itself is a Tailwind token.

50f4fdae 100e7f199 200d4de76 300bdc84b 400a2ab00 500878f00 600717800 7005a6000 800444900 900303300 9501b1d00

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

fafbef f6f8df f1f4ce ecf0be e8ecae e3e99e dee58d dae17d d5dd6d d0da5d ccd64c c7d23c b6c137 a6af32 959e2d 858c28 747a23 64691e 535719 424614 32350f 21230a 111205

Palette

Tints

Mixed toward white — soft backgrounds and highlights

fafbef f6f8df f1f4ce ecf0be e8ecae e3e99e dee58d dae17d d5dd6d d0da5d ccd64c

Palette

Shades

Mixed toward black — depth, text, and emphasis

b6c137 a6af32 959e2d 858c28 747a23 64691e 535719 424614 32350f 21230a 111205

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

c1cb42 bbc447 b5be4d afb753 a9b058 a4a95e 9ea264 989b69 92956f 8c8e75 86877a

Harmony

Complementary

Opposite on the color wheel for contrast

#C7D23CStop 1 #473DD1Stop 2

Harmony

Analogous

Neighbors that sit comfortably together

#D1913DStop 1 #C7D23CStop 2 #7DD13DStop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#C7D23CStop 1 #3DC8D1Stop 2 #D13DC8Stop 3

Harmony

Split complementary

Base plus two accents beside the complement

#C7D23CStop 1 #3D7DD1Stop 2 #913DD1Stop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#4E5313Stop 1 #899122Stop 2 #C4CF30Stop 3 #D6DD6EStop 4 #E7ECACStop 5

Using this color

Where #c7d23c works

Med. yellowish green (BrickColor 115) (#c7d23c) sits in the blue family at about 64° hue, 62% saturation, and 53% lightness. Contrast is 1.65:1 on white and 12.71:1 on black, so near-black labels read more clearly on the swatch itself. Nearest Tailwind token: lime-400 (approximation unless the hex is an official scale stop).

Sensible jobs for this swatch

primary buttons and key accents
text or icons on charcoal / dark mode

Do not use #c7d23c as small body text on white — 1.65:1 misses WCAG AA (4.5:1). Pair it with a darker shade from the scale below, or check pairs in the contrast checker.

Family context: Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare. Common uses still include buttons, charts, and accents in the Blue range — always verify the pair for this exact hex in the contrast checker.

Where #c7d23c works

Sensible jobs for this swatch

primary buttons and key accents

text or icons on charcoal / dark mode

Do not use #c7d23c as small body text on white — 1.65:1 misses WCAG AA (4.5:1). Pair it with a darker shade from the scale below, or check pairs in the contrast checker.