Nazwany kolor · #2A7279
King Tide
King Tide to #2A7279: rgb(42 114 121), hsl(185 48% 32%), oklch(0.511 0.071 204.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · King Tide color name →
#2A7279
oklch(0.511 0.071 204.2)
Konwersje koloru
- HEX
- #2a7279
- RGB
- rgb(42 114 121)
- HSL
- hsl(185 48% 32%)
- HWB
- hwb(185 16% 53%)
- OKLCH
- oklch(0.511 0.071 204.2)
- OKLab
- oklab(0.511 -0.065 -0.029)
- CIE Lab
- lab(43.85 -21.32 -10.9)
- LCH
- lch(43.85 23.95 207.1)
- CMYK
- cmyk(65% 6% 0% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 427F86
- 588D92
- 6D9B9F
- 82A9AD
- 96B7BA
- ABC5C7
- C0D3D5
- D5E2E3
- EAF0F1
Odcienie ciemniejsze
- 236268
- 1C5358
- 164448
- 103639
- 0A282B
- 051B1D
- 020E10
- 010405
- 000101
Tony
- 36747A
- 41757B
- 4A777B
- 53787C
- 5B797D
- 637B7D
- 6A7C7E
- 727E7F
- 797F7F
Harmonie kolorów
Komplementarna +180°
- 2A7279
King Tide
- 8B5652
≈ Toile Red
Analogowa -30° +30°
- 2A7279
King Tide
- 347463
≈ Nordic Forest
- 396D89
≈ Astral
Triada +120° +240°
- 2A7279
King Tide
- 7B587D
≈ Dr Who
- 796334
≈ Twig Basket
Komplementarna rozszczepiona +150° +210°
- 2A7279
King Tide
- 865569
≈ Private Tone
- 865B3E
≈ Potter’s Pot
Tetrada +90° +180° +270°
- 2A7279
King Tide
- 685E8B
≈ Kimberly
- 8B5652
≈ Toile Red
- 656B3A
≈ Globe Artichoke
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.55:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.78:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.55:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--king-tide: #2a7279;
--king-tide-rgb: 42 114 121;
--king-tide-oklch: oklch(0.511 0.071 204.2);
}
.element {
color: var(--king-tide);
background-color: hsl(185 48% 32%);
border-color: oklch(0.511 0.071 204.2);
}Tailwind CSS v4
@theme {
--color-king-tide: #2a7279;
--color-king-tide-50: #dffbff;
--color-king-tide-100: #ceeff4;
--color-king-tide-200: #b2dee3;
--color-king-tide-300: #8cc2c9;
--color-king-tide-400: #6aabb2;
--color-king-tide-500: #45949c;
--color-king-tide-600: #3b7d84;
--color-king-tide-700: #2f646a;
--color-king-tide-800: #214a4d;
--color-king-tide-900: #163335;
--color-king-tide-950: #061f21;
}SCSS
$king-tide: #2a7279;
$king-tide-rgb: 42, 114, 121;
$king-tide-light: mix(#fff, $king-tide, 20%);
$king-tide-dark: mix(#000, $king-tide, 20%);
.element {
color: $king-tide;
box-shadow: 0 0 0 2px rgba($king-tide, 0.35);
}