이름 색상 · #296D23

Brazilian Green

Brazilian Green은(는) #296D23: rgb(41 109 35), hsl(115 51% 28%), oklch(0.474 0.128 142). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Green mean? → · Brazilian Green color name →

#296D23

oklch(0.474 0.128 142)

색상 변환

HEX: #296d23
RGB: rgb(41 109 35)
HSL: hsl(115 51% 28%)
HWB: hwb(115 14% 57%)
OKLCH: oklch(0.474 0.128 142)
OKLab: oklab(0.474 -0.101 0.079)
CIE Lab: lab(40.51 -34.02 33.33)
LCH: lch(40.51 47.62 135.6)
CMYK: cmyk(62% 0% 68% 57%)

틴트 · 셰이드 · 톤

틴트

407B3A
558950
6A9865
7FA67A
94B58F
A9C3A5
BED2BB
D3E1D1
E9F0E8

셰이드

225E1D
1C4F17
154111
0F330C
092607
051904
020D01
010400
000100

톤

346F2F
3E7139
477443
50764C
597855
61795E
697B66
717D6F
787E77

색 조화

보색 +180°

296D23
Brazilian Green
7C4086
≈ Nightly Violet

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 6.35:1 · APCA Lc 81

검은색 위

WCAG 3.30:1 · APCA Lc 21

Fail

가장 좋은 글자색: #FFFFFF

WCAG 6.35:1 (AA) · APCA Lc 81

Contrast pairs

코드 스니펫

CSS

:root {
  --brazilian-green: #296d23;
  --brazilian-green-rgb: 41 109 35;
  --brazilian-green-oklch: oklch(0.474 0.128 142);
}

.element {
  color: var(--brazilian-green);
  background-color: hsl(115 51% 28%);
  border-color: oklch(0.474 0.128 142);
}

Tailwind CSS v4

@theme {
  --color-brazilian-green: #296d23;
  --color-brazilian-green-50: #e0ffdf;
  --color-brazilian-green-100: #cff4cd;
  --color-brazilian-green-200: #b4e3b2;
  --color-brazilian-green-300: #8fc98e;
  --color-brazilian-green-400: #71b16a;
  --color-brazilian-green-500: #4f9b47;
  --color-brazilian-green-600: #44833d;
  --color-brazilian-green-700: #366931;
  --color-brazilian-green-800: #284d20;
  --color-brazilian-green-900: #1b3515;
  --color-brazilian-green-950: #0b2007;
}

SCSS

$brazilian-green: #296d23;
$brazilian-green-rgb: 41, 109, 35;
$brazilian-green-light: mix(#fff, $brazilian-green, 20%);
$brazilian-green-dark: mix(#000, $brazilian-green, 20%);

.element {
  color: $brazilian-green;
  box-shadow: 0 0 0 2px rgba($brazilian-green, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API