Nazwany kolor · #455440
Castellan Green
Castellan Green to #455440: rgb(69 84 64), hsl(105 14% 29%), oklch(0.427 0.037 137.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Castellan Green color name →
#455440
oklch(0.427 0.037 137.9)
Konwersje koloru
- HEX
- #455440
- RGB
- rgb(69 84 64)
- HSL
- hsl(105 14% 29%)
- HWB
- hwb(105 25% 67%)
- OKLCH
- oklch(0.427 0.037 137.9)
- OKLab
- oklab(0.427 -0.028 0.025)
- CIE Lab
- lab(33.96 -9.36 9.71)
- LCH
- lch(33.96 13.49 133.9)
- CMYK
- cmyk(18% 0% 24% 67%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 566451
- 677363
- 788475
- 8B9487
- 9DA59A
- B0B7AE
- C3C8C1
- D7DAD6
- EBEDEA
Odcienie ciemniejsze
- 3B4836
- 313C2D
- 273124
- 1E261B
- 151B13
- 0C110B
- 050805
- 020201
- 000000
Tony
- 4B5846
- 505D4C
- 566153
- 5C6559
- 626A5F
- 686E66
- 6E736C
- 747773
- 7A7C79
Harmonie kolorów
Komplementarna +180°
- 455440
Castellan Green
- 58495C
≈ Deep Merlot
Analogowa -30° +30°
- 455440
Castellan Green
- 515139
≈ Amazon Depths
- 3B564B
≈ Leprechaun Green
Triada +120° +240°
- 455440
Castellan Green
- 425064
≈ December Eve
- 624747
≈ Wild Raisin
Komplementarna rozszczepiona +150° +210°
- 455440
Castellan Green
- 4E4C63
≈ Legendary Purple
- 5F4753
≈ Plummy Rouge
Tetrada +90° +180° +270°
- 455440
Castellan Green
- 39535F
≈ Opera Glasses
- 58495C
≈ Deep Merlot
- 60493D
≈ Fudge Truffle
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.09:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.59:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.09:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--castellan-green: #455440;
--castellan-green-rgb: 69 84 64;
--castellan-green-oklch: oklch(0.427 0.037 137.9);
}
.element {
color: var(--castellan-green);
background-color: hsl(105 14% 29%);
border-color: oklch(0.427 0.037 137.9);
}Tailwind CSS v4
@theme {
--color-castellan-green: #455440;
--color-castellan-green-50: #f0f8ee;
--color-castellan-green-100: #e2ebdf;
--color-castellan-green-200: #ccd8c9;
--color-castellan-green-300: #aebcaa;
--color-castellan-green-400: #94a48f;
--color-castellan-green-500: #7a8c74;
--color-castellan-green-600: #687763;
--color-castellan-green-700: #535f4f;
--color-castellan-green-800: #3d4539;
--color-castellan-green-900: #2a3027;
--color-castellan-green-950: #171c15;
}SCSS
$castellan-green: #455440;
$castellan-green-rgb: 69, 84, 64;
$castellan-green-light: mix(#fff, $castellan-green, 20%);
$castellan-green-dark: mix(#000, $castellan-green, 20%);
.element {
color: $castellan-green;
box-shadow: 0 0 0 2px rgba($castellan-green, 0.35);
}