Nazwany kolor · #00686D
Tahitian Treat
Tahitian Treat to #00686D: rgb(0 104 109), hsl(183 100% 21%), oklch(0.47 0.08 200.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Tahitian Treat color name →
#00686D
oklch(0.47 0.08 200.6)
Konwersje koloru
- HEX
- #00686d
- RGB
- rgb(0 104 109)
- HSL
- hsl(183 100% 21%)
- HWB
- hwb(183 0% 57%)
- OKLCH
- oklch(0.47 0.08 200.6)
- OKLab
- oklab(0.47 -0.075 -0.028)
- CIE Lab
- lab(39.33 -24.87 -10.55)
- LCH
- lch(39.33 27.01 203)
- CMYK
- cmyk(100% 5% 0% 57%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2D767B
- 478588
- 5F9397
- 76A2A5
- 8CB1B3
- A3C1C2
- BAD0D1
- D1DFE0
- E8EFF0
Odcienie ciemniejsze
- 00595E
- 004B4F
- 003E41
- 003033
- 002426
- 001819
- 000C0D
- 000404
- 000001
Tony
- 1E6B6F
- 2F6D71
- 3C7073
- 477275
- 517577
- 5B7779
- 65797A
- 6E7C7C
- 777E7E
Harmonie kolorów
Komplementarna +180°
- 00686D
Tahitian Treat
- 824848
≈ Red Elegance
Analogowa -30° +30°
- 00686D
Tahitian Treat
- 1F6954
≈ Celtic Green
- 20637F
≈ Georgian Bay
Triada +120° +240°
- 00686D
Tahitian Treat
- 6F4B76
≈ Hyssop
- 72561F
≈ Coffee Adept
Komplementarna rozszczepiona +150° +210°
- 00686D
Tahitian Treat
- 7D4761
≈ Princely
- 7F4D2F
≈ Korma
Tetrada +90° +180° +270°
- 00686D
Tahitian Treat
- 5B5385
≈ Wool Violet
- 824848
≈ Red Elegance
- 5D5F25
≈ Gardener Green
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.56:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.20:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.56:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--tahitian-treat: #00686d;
--tahitian-treat-rgb: 0 104 109;
--tahitian-treat-oklch: oklch(0.47 0.08 200.6);
}
.element {
color: var(--tahitian-treat);
background-color: hsl(183 100% 21%);
border-color: oklch(0.47 0.08 200.6);
}Tailwind CSS v4
@theme {
--color-tahitian-treat: #00686d;
--color-tahitian-treat-50: #dcfcff;
--color-tahitian-treat-100: #caf0f4;
--color-tahitian-treat-200: #addfe3;
--color-tahitian-treat-300: #86c4c9;
--color-tahitian-treat-400: #61adb1;
--color-tahitian-treat-500: #36969c;
--color-tahitian-treat-600: #307f83;
--color-tahitian-treat-700: #266669;
--color-tahitian-treat-800: #1a4b4d;
--color-tahitian-treat-900: #113435;
--color-tahitian-treat-950: #031f20;
}SCSS
$tahitian-treat: #00686d;
$tahitian-treat-rgb: 0, 104, 109;
$tahitian-treat-light: mix(#fff, $tahitian-treat, 20%);
$tahitian-treat-dark: mix(#000, $tahitian-treat, 20%);
.element {
color: $tahitian-treat;
box-shadow: 0 0 0 2px rgba($tahitian-treat, 0.35);
}