Adlandırılmış renk · #99B792
Brookview
Brookview, #99B792: rgb(153 183 146), hsl(109 20% 65%), oklch(0.747 0.062 139.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Brookview color name →
#99B792
oklch(0.747 0.062 139.8)
Renk dönüşümleri
- HEX
- #99b792
- RGB
- rgb(153 183 146)
- HSL
- hsl(109 20% 65%)
- HWB
- hwb(109 57% 28%)
- OKLCH
- oklch(0.747 0.062 139.8)
- OKLab
- oklab(0.747 -0.047 0.04)
- CIE Lab
- lab(71.4 -15.91 15.36)
- LCH
- lch(71.4 22.11 136)
- CMYK
- cmyk(16% 0% 20% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A3BE9D
- ADC5A7
- B7CCB2
- C1D3BD
- CBDBC8
- D5E2D3
- E0E9DE
- EAF0E9
- F5F8F4
Koyu tonlar
- 849F7E
- 70876B
- 5D7058
- 4A5A46
- 384535
- 273125
- 171E16
- 080C08
- 010201
Gri tonlar
- 97B190
- 94AC8F
- 92A68D
- 8FA18B
- 8D9B89
- 8A9687
- 889086
- 858B84
- 838582
Renk uyumları
Tamamlayıcı +180°
- 99B792
Brookview
- BFA1C6
≈ Pale Grape
Analog -30° +30°
- 99B792
Brookview
- AFB184
≈ Winter Pear
- 86BAA7
≈ Patina Hue
Üçlü +120° +240°
- 99B792
Brookview
- 96AED5
≈ Lazy Day
- D19E9D
≈ Rosewood Apricot
Bölünmüş tamamlayıcı +150° +210°
- 99B792
Brookview
- ACA7D2
≈ Monastic
- CC9EB3
≈ Quilted Heart
Dörtlü +90° +180° +270°
- 99B792
Brookview
- 85B5CD
≈ Harbour Sky
- BFA1C6
≈ Pale Grape
- CEA28B
≈ Autumn Malt
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.20:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.54:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
CSS
:root {
--brookview: #99b792;
--brookview-rgb: 153 183 146;
--brookview-oklch: oklch(0.747 0.062 139.8);
}
.element {
color: var(--brookview);
background-color: hsl(109 20% 65%);
border-color: oklch(0.747 0.062 139.8);
}Tailwind CSS v4
@theme {
--color-brookview: #99b792;
--color-brookview-50: #ecfaea;
--color-brookview-100: #ddeddb;
--color-brookview-200: #c6dbc3;
--color-brookview-300: #a6c0a3;
--color-brookview-400: #8ca885;
--color-brookview-500: #719069;
--color-brookview-600: #607a59;
--color-brookview-700: #4c6247;
--color-brookview-800: #384833;
--color-brookview-900: #263222;
--color-brookview-950: #151e12;
}SCSS
$brookview: #99b792;
$brookview-rgb: 153, 183, 146;
$brookview-light: mix(#fff, $brookview, 20%);
$brookview-dark: mix(#000, $brookview, 20%);
.element {
color: $brookview;
box-shadow: 0 0 0 2px rgba($brookview, 0.35);
}