Nazwany kolor · #00564F
Castleton Green
Castleton Green to #00564F: rgb(0 86 79), hsl(175 100% 17%), oklch(0.408 0.072 185.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Castleton Green color name →
#00564F
oklch(0.408 0.072 185.4)
Konwersje koloru
- HEX
- #00564f
- RGB
- rgb(0 86 79)
- HSL
- hsl(175 100% 17%)
- HWB
- hwb(175 0% 66%)
- OKLCH
- oklch(0.408 0.072 185.4)
- OKLab
- oklab(0.408 -0.071 -0.007)
- CIE Lab
- lab(32.14 -24.8 -2.69)
- LCH
- lch(32.14 24.95 186.2)
- CMYK
- cmyk(100% 0% 8% 66%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 28665F
- 41766F
- 598680
- 709691
- 87A7A3
- 9FB8B4
- B6CAC7
- CEDBD9
- E6EDEC
Odcienie ciemniejsze
- 004A44
- 003E38
- 00322E
- 002723
- 001C19
- 001210
- 000807
- 000202
- 000000
Tony
- 1A5A54
- 2A5F58
- 36635D
- 426762
- 4D6B67
- 586F6C
- 627471
- 6C7876
- 767C7B
Harmonie kolorów
Komplementarna +180°
- 00564F
Castleton Green
- 6A3844
≈ Red Mahogany
Analogowa -30° +30°
- 00564F
Castleton Green
- 255539
≈ Kaitoke Green
- 015362
≈ Sandalwood Grey Blue
Triada +120° +240°
- 00564F
Castleton Green
- 533F69
≈ When Blue Met Red
- 64411B
≈ Pullman Brown
Komplementarna rozszczepiona +150° +210°
- 00564F
Castleton Green
- 623A59
≈ Precious Jewels
- 6B3B2E
≈ Chestnut Peel
Tetrada +90° +180° +270°
- 00564F
Castleton Green
- 3F4670
≈ Constellation Blue
- 6A3844
≈ Red Mahogany
- 564915
≈ Bronze Olive
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.59:1 · APCA Lc 89
Ag
FailNa czerni
WCAG 2.44:1 · APCA Lc 13
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.59:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--castleton-green: #00564f;
--castleton-green-rgb: 0 86 79;
--castleton-green-oklch: oklch(0.408 0.072 185.4);
}
.element {
color: var(--castleton-green);
background-color: hsl(175 100% 17%);
border-color: oklch(0.408 0.072 185.4);
}Tailwind CSS v4
@theme {
--color-castleton-green: #00564f;
--color-castleton-green-50: #dffcf9;
--color-castleton-green-100: #cef0ec;
--color-castleton-green-200: #b2dfd9;
--color-castleton-green-300: #8dc4be;
--color-castleton-green-400: #6bada4;
--color-castleton-green-500: #47968d;
--color-castleton-green-600: #3d7f77;
--color-castleton-green-700: #31655f;
--color-castleton-green-800: #224b45;
--color-castleton-green-900: #173430;
--color-castleton-green-950: #071f1c;
}SCSS
$castleton-green: #00564f;
$castleton-green-rgb: 0, 86, 79;
$castleton-green-light: mix(#fff, $castleton-green, 20%);
$castleton-green-dark: mix(#000, $castleton-green, 20%);
.element {
color: $castleton-green;
box-shadow: 0 0 0 2px rgba($castleton-green, 0.35);
}