Nazwany kolor · #00928C
Supermint
Supermint to #00928C: rgb(0 146 140), hsl(178 100% 29%), oklch(0.595 0.103 189.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Supermint color name →
#00928C
oklch(0.595 0.103 189.7)
Konwersje koloru
- HEX
- #00928c
- RGB
- rgb(0 146 140)
- HSL
- hsl(178 100% 29%)
- HWB
- hwb(178 0% 43%)
- OKLCH
- oklch(0.595 0.103 189.7)
- OKLab
- oklab(0.595 -0.101 -0.017)
- CIE Lab
- lab(54.23 -34.89 -6.69)
- LCH
- lch(54.23 35.53 190.8)
- CMYK
- cmyk(100% 0% 4% 43%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 379D97
- 53A8A2
- 6CB2AD
- 82BDB9
- 97C8C4
- ACD3D0
- C1DEDB
- D6E9E7
- EAF4F3
Odcienie ciemniejsze
- 007E79
- 006B67
- 005855
- 004643
- 003533
- 002523
- 001614
- 000807
- 000101
Tony
- 27908B
- 398F8A
- 468D88
- 518B87
- 5B8A86
- 638885
- 6B8684
- 738482
- 798281
Harmonie kolorów
Komplementarna +180°
- 00928C
Supermint
- B36371
≈ Sensuous
Analogowa -30° +30°
- 00928C
Supermint
- 3E9169
≈ Illuminati Green
- 188DA9
≈ Mediterranean Sea
Triada +120° +240°
- 00928C
Supermint
- 916DAD
≈ Knight Elf
- A67332
≈ Digger’s Gold
Komplementarna rozszczepiona +150° +210°
- 00928C
Supermint
- A76692
≈ Mauve Memento
- B3684F
≈ Brown Wood
Tetrada +90° +180° +270°
- 00928C
Supermint
- 7377BB
≈ Flood
- B36371
≈ Sensuous
- 8E802D
≈ Jungle Palm
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.82:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.49:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.49:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--supermint: #00928c;
--supermint-rgb: 0 146 140;
--supermint-oklch: oklch(0.595 0.103 189.7);
}
.element {
color: var(--supermint);
background-color: hsl(178 100% 29%);
border-color: oklch(0.595 0.103 189.7);
}Tailwind CSS v4
@theme {
--color-supermint: #00928c;
--color-supermint-50: #d5fffc;
--color-supermint-100: #c1f3f0;
--color-supermint-200: #a0e3df;
--color-supermint-300: #74c8c5;
--color-supermint-400: #47b2ab;
--color-supermint-500: #009b95;
--color-supermint-600: #00837e;
--color-supermint-700: #006965;
--color-supermint-800: #004e49;
--color-supermint-900: #013632;
--color-supermint-950: #00211e;
}SCSS
$supermint: #00928c;
$supermint-rgb: 0, 146, 140;
$supermint-light: mix(#fff, $supermint, 20%);
$supermint-dark: mix(#000, $supermint, 20%);
.element {
color: $supermint;
box-shadow: 0 0 0 2px rgba($supermint, 0.35);
}