Nazwany kolor · #018C94
Tempo Teal
Tempo Teal to #018C94: rgb(1 140 148), hsl(183 99% 29%), oklch(0.583 0.099 201.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Tempo Teal color name →
#018C94
oklch(0.583 0.099 201.9)
Konwersje koloru
- HEX
- #018c94
- RGB
- rgb(1 140 148)
- HSL
- hsl(183 99% 29%)
- HWB
- hwb(183 0% 42%)
- OKLCH
- oklch(0.583 0.099 201.9)
- OKLab
- oklab(0.583 -0.092 -0.037)
- CIE Lab
- lab(52.51 -30.34 -13.83)
- LCH
- lch(52.51 33.34 204.5)
- CMYK
- cmyk(99% 5% 0% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 36979E
- 52A3A9
- 6AAEB3
- 80BABE
- 96C5C8
- ABD0D3
- C0DCDE
- D5E8E9
- EAF3F4
Odcienie ciemniejsze
- 017980
- 01676D
- 00555A
- 004348
- 003336
- 002326
- 001416
- 000708
- 000101
Tony
- 268B92
- 388A90
- 45898E
- 50888C
- 5A878A
- 628688
- 6A8486
- 728384
- 798182
Harmonie kolorów
Komplementarna +180°
- 018C94
Tempo Teal
- AE6260
≈ Poppy Prose
Analogowa -30° +30°
- 018C94
Tempo Teal
- 2A8E74
≈ Illuminating Emerald
- 3085AB
≈ Blue Splash
Triada +120° +240°
- 018C94
Tempo Teal
- 96679E
≈ Figue
- 98752D
≈ Mode Beige
Komplementarna rozszczepiona +150° +210°
- 018C94
Tempo Teal
- A86181
≈ Wild Mulberry
- A96941
≈ Auric Copper
Tetrada +90° +180° +270°
- 018C94
Tempo Teal
- 7C70B1
≈ Plum Preserve
- AE6260
≈ Poppy Prose
- 7D8135
≈ Majorca Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.05:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.18:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.18:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--tempo-teal: #018c94;
--tempo-teal-rgb: 1 140 148;
--tempo-teal-oklch: oklch(0.583 0.099 201.9);
}
.element {
color: var(--tempo-teal);
background-color: hsl(183 99% 29%);
border-color: oklch(0.583 0.099 201.9);
}Tailwind CSS v4
@theme {
--color-tempo-teal: #018c94;
--color-tempo-teal-50: #d5feff;
--color-tempo-teal-100: #c2f2f7;
--color-tempo-teal-200: #a2e1e8;
--color-tempo-teal-300: #77c7cf;
--color-tempo-teal-400: #4ab0b7;
--color-tempo-teal-500: #0099a2;
--color-tempo-teal-600: #008189;
--color-tempo-teal-700: #03686e;
--color-tempo-teal-800: #014c50;
--color-tempo-teal-900: #023538;
--color-tempo-teal-950: #002022;
}SCSS
$tempo-teal: #018c94;
$tempo-teal-rgb: 1, 140, 148;
$tempo-teal-light: mix(#fff, $tempo-teal, 20%);
$tempo-teal-dark: mix(#000, $tempo-teal, 20%);
.element {
color: $tempo-teal;
box-shadow: 0 0 0 2px rgba($tempo-teal, 0.35);
}