Adlandırılmış renk · #31D652
Brazilianite
Brazilianite, #31D652: rgb(49 214 82), hsl(132 67% 52%), oklch(0.768 0.218 145.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Brazilianite color name →
#31D652
oklch(0.768 0.218 145.9)
Renk dönüşümleri
- HEX
- #31d652
- RGB
- rgb(49 214 82)
- HSL
- hsl(132 67% 52%)
- HWB
- hwb(132 19% 16%)
- OKLCH
- oklch(0.768 0.218 145.9)
- OKLab
- oklab(0.768 -0.181 0.123)
- CIE Lab
- lab(75.7 -62.42 51.21)
- LCH
- lch(75.7 80.74 140.6)
- CMYK
- cmyk(77% 0% 62% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 54DB67
- 6DE07A
- 83E48B
- 97E89D
- AAEDAD
- BCF1BE
- CDF4CE
- DEF8DF
- EFFCEF
Koyu tonlar
- 29BA46
- 229E3B
- 1A842F
- 136A25
- 0C521A
- 063B11
- 032508
- 011002
- 000200
Gri tonlar
- 44CE5A
- 52C560
- 5CBD66
- 64B46B
- 6BAC70
- 71A374
- 769A77
- 7A927B
- 7D897D
Renk uyumları
Tamamlayıcı +180°
- 31D652
Brazilianite
- F779FD
≈ Princess Peach
Analog -30° +30°
- 31D652
Brazilianite
- AFC000
≈ The Killing Joke
- 00D1B0
≈ Mint Leaf
Üçlü +120° +240°
- 31D652
Brazilianite
- 90B2FF
≈ Carolina Blue
- FF8F85
≈ Desert Flower
Bölünmüş tamamlayıcı +150° +210°
- 31D652
Brazilianite
- BBA1FF
≈ Diva
- FF86B7
≈ Cochonnet
Dörtlü +90° +180° +270°
- 31D652
Brazilianite
- 49C0FF
≈ Megaman
- F779FD
≈ Princess Peach
- FF953F
≈ Energy Orange
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.93:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 10.87:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 10.87:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--brazilianite: #31d652;
--brazilianite-rgb: 49 214 82;
--brazilianite-oklch: oklch(0.768 0.218 145.9);
}
.element {
color: var(--brazilianite);
background-color: hsl(132 67% 52%);
border-color: oklch(0.768 0.218 145.9);
}Tailwind CSS v4
@theme {
--color-brazilianite: #31d652;
--color-brazilianite-50: #cbffd2;
--color-brazilianite-100: #b6fdbf;
--color-brazilianite-200: #90ee9e;
--color-brazilianite-300: #5ad573;
--color-brazilianite-400: #1abe42;
--color-brazilianite-500: #00a800;
--color-brazilianite-600: #008e00;
--color-brazilianite-700: #007200;
--color-brazilianite-800: #005400;
--color-brazilianite-900: #003a00;
--color-brazilianite-950: #002400;
}SCSS
$brazilianite: #31d652;
$brazilianite-rgb: 49, 214, 82;
$brazilianite-light: mix(#fff, $brazilianite, 20%);
$brazilianite-dark: mix(#000, $brazilianite, 20%);
.element {
color: $brazilianite;
box-shadow: 0 0 0 2px rgba($brazilianite, 0.35);
}