Adlandırılmış renk · #236649
Brunswick
Brunswick, #236649: rgb(35 102 73), hsl(154 49% 27%), oklch(0.459 0.083 161.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Brunswick color name →
#236649
oklch(0.459 0.083 161.6)
Renk dönüşümleri
- HEX
- #236649
- RGB
- rgb(35 102 73)
- HSL
- hsl(154 49% 27%)
- HWB
- hwb(154 14% 60%)
- OKLCH
- oklch(0.459 0.083 161.6)
- OKLab
- oklab(0.459 -0.079 0.026)
- CIE Lab
- lab(38.38 -27.79 9.95)
- LCH
- lch(38.38 29.52 160.3)
- CMYK
- cmyk(66% 0% 28% 60%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3C7459
- 52836A
- 67927C
- 7CA18D
- 91B09F
- A7C0B2
- BCCFC5
- D2DFD8
- E9EFEB
Koyu tonlar
- 1D583E
- 174A34
- 113C2A
- 0C2F20
- 072317
- 04170E
- 010C06
- 000402
- 000000
Gri tonlar
- 30694E
- 3A6C54
- 446E59
- 4E715F
- 567364
- 5F766A
- 67796F
- 707B75
- 787E7A
Renk uyumları
Tamamlayıcı +180°
- 236649
Brunswick
- 774465
≈ Magician’s Cloak
Analog -30° +30°
- 236649
Brunswick
- 47612E
≈ Gemstone Green
- 006563
≈ Peacock Pride
Üçlü +120° +240°
- 236649
Brunswick
- 505285
≈ Purple Navy
- 7E4732
≈ Sunbathing Beauty
Bölünmüş tamamlayıcı +150° +210°
- 236649
Brunswick
- 674A7A
≈ Benevolence
- 7F434C
≈ Dark Strawberry
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.84:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.06:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.84:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--brunswick: #236649;
--brunswick-rgb: 35 102 73;
--brunswick-oklch: oklch(0.459 0.083 161.6);
}
.element {
color: var(--brunswick);
background-color: hsl(154 49% 27%);
border-color: oklch(0.459 0.083 161.6);
}Tailwind CSS v4
@theme {
--color-brunswick: #236649;
--color-brunswick-50: #e1fdef;
--color-brunswick-100: #d0f1e0;
--color-brunswick-200: #b5e0cb;
--color-brunswick-300: #90c5ac;
--color-brunswick-400: #70ae8f;
--color-brunswick-500: #4e9775;
--color-brunswick-600: #438063;
--color-brunswick-700: #35664f;
--color-brunswick-800: #274b38;
--color-brunswick-900: #1a3426;
--color-brunswick-950: #0a2015;
}SCSS
$brunswick: #236649;
$brunswick-rgb: 35, 102, 73;
$brunswick-light: mix(#fff, $brunswick, 20%);
$brunswick-dark: mix(#000, $brunswick, 20%);
.element {
color: $brunswick;
box-shadow: 0 0 0 2px rgba($brunswick, 0.35);
}