Adlandırılmış renk · #63B521
Chasm Green
Chasm Green, #63B521: rgb(99 181 33), hsl(93 69% 42%), oklch(0.694 0.191 135.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Chasm Green color name →
#63B521
oklch(0.694 0.191 135.1)
Renk dönüşümleri
- HEX
- #63b521
- RGB
- rgb(99 181 33)
- HSL
- hsl(93 69% 42%)
- HWB
- hwb(93 13% 29%)
- OKLCH
- oklch(0.694 0.191 135.1)
- OKLab
- oklab(0.694 -0.135 0.135)
- CIE Lab
- lab(66.52 -43.55 59.99)
- LCH
- lch(66.52 74.13 126)
- CMYK
- cmyk(45% 0% 82% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 73BD43
- 83C55D
- 93CC73
- A2D488
- B2DB9C
- C1E3B0
- D1EAC4
- E0F1D8
- EFF8EB
Koyu tonlar
- 559D1B
- 478616
- 3A6F10
- 2E590B
- 214406
- 163003
- 0B1D01
- 030C00
- 000200
Gri tonlar
- 67B035
- 6BAB43
- 6EA64E
- 72A157
- 759B5F
- 779667
- 7A916E
- 7C8B74
- 7E867A
Renk uyumları
Tamamlayıcı +180°
- 63B521
Chasm Green
- C871EC
≈ Fake Love
Analog -30° +30°
- 63B521
Chasm Green
- ABA100
≈ Countryside
- 00B886
≈ Slime Girl
Üçlü +120° +240°
- 63B521
Chasm Green
- 4F9EFF
≈ Blue Chaos
- FC5F75
≈ Watermelon Candy
Bölünmüş tamamlayıcı +150° +210°
- 63B521
Chasm Green
- 948AFF
≈ Lavender Blue Shadow
- EB63B7
≈ Crumbly Lipstick
Dörtlü +90° +180° +270°
- 63B521
Chasm Green
- 00ACDA
≈ Bright Cerulean
- C871EC
≈ Fake Love
- F86C16
≈ Apocalyptic Orange
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.57:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.16:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.16:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--chasm-green: #63b521;
--chasm-green-rgb: 99 181 33;
--chasm-green-oklch: oklch(0.694 0.191 135.1);
}
.element {
color: var(--chasm-green);
background-color: hsl(93 69% 42%);
border-color: oklch(0.694 0.191 135.1);
}Tailwind CSS v4
@theme {
--color-chasm-green: #63b521;
--color-chasm-green-50: #dcffcd;
--color-chasm-green-100: #caf7b9;
--color-chasm-green-200: #ade896;
--color-chasm-green-300: #86ce68;
--color-chasm-green-400: #68b631;
--color-chasm-green-500: #449f00;
--color-chasm-green-600: #3b8700;
--color-chasm-green-700: #2f6c00;
--color-chasm-green-800: #254f00;
--color-chasm-green-900: #183700;
--color-chasm-green-950: #092100;
}SCSS
$chasm-green: #63b521;
$chasm-green-rgb: 99, 181, 33;
$chasm-green-light: mix(#fff, $chasm-green, 20%);
$chasm-green-dark: mix(#000, $chasm-green, 20%);
.element {
color: $chasm-green;
box-shadow: 0 0 0 2px rgba($chasm-green, 0.35);
}