Benoemde kleur · #002222
Stellar Explorer
Stellar Explorer is #002222: rgb(0 34 34), hsl(180 100% 7%), oklch(0.228 0.039 194.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Teal mean? → · Stellar Explorer color name →
#002222
oklch(0.228 0.039 194.8)
Kleurconversies
- HEX
- #002222
- RGB
- rgb(0 34 34)
- HSL
- hsl(180 100% 7%)
- HWB
- hwb(180 0% 87%)
- OKLCH
- oklch(0.228 0.039 194.8)
- OKLab
- oklab(0.228 -0.038 -0.01)
- CIE Lab
- lab(10.88 -12.76 -3.77)
- LCH
- lch(10.88 13.31 196.5)
- CMYK
- cmyk(100% 0% 0% 87%)
Tinten · Schaduwen · Tonen
Tinten
- 183534
- 2F4848
- 465D5D
- 5F7272
- 788888
- 919F9F
- ACB6B6
- C7CECE
- E3E6E6
Schaduwen
- 001C1C
- 001616
- 001111
- 000B0B
- 000707
- 000303
- 000101
- 000000
- 000000
Tonen
- 0D2B2A
- 1A3333
- 273C3C
- 334645
- 3F4F4F
- 4C5858
- 596262
- 666C6C
- 737676
Kleurharmonieën
Complementair +180°
- 002222
Stellar Explorer
- 2C1417
≈ Dark Danger
Analoog -30° +30°
- 002222
Stellar Explorer
- 072218
≈ Nightmare
- 03202A
≈ Midnight Dreams
Triadisch +120° +240°
- 002222
Stellar Explorer
- 231729
≈ Inside
- 271A06
≈ Cannon Black
Gesplitst complementair +150° +210°
- 002222
Stellar Explorer
- 291521
≈ Black Cherry
- 2B160C
≈ Zinnwaldite Brown
Tetradisch +90° +180° +270°
- 002222
Stellar Explorer
- 1B1A2E
≈ Sambucus
- 2C1417
≈ Dark Danger
- 1F1D06
≈ Noir Mystique
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 16.77:1 · APCA Lc 103
Ag
FailOp zwart
WCAG 1.25:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 16.77:1 (AAA) · APCA Lc 103
Contrast pairs
Codefragmenten
CSS
:root {
--stellar-explorer: #002222;
--stellar-explorer-rgb: 0 34 34;
--stellar-explorer-oklch: oklch(0.228 0.039 194.8);
}
.element {
color: var(--stellar-explorer);
background-color: hsl(180 100% 7%);
border-color: oklch(0.228 0.039 194.8);
}Tailwind CSS v4
@theme {
--color-stellar-explorer: #002222;
--color-stellar-explorer-50: #e9f9f9;
--color-stellar-explorer-100: #daecec;
--color-stellar-explorer-200: #c2dada;
--color-stellar-explorer-300: #a1bebe;
--color-stellar-explorer-400: #84a6a5;
--color-stellar-explorer-500: #688f8e;
--color-stellar-explorer-600: #587978;
--color-stellar-explorer-700: #466160;
--color-stellar-explorer-800: #334746;
--color-stellar-explorer-900: #223130;
--color-stellar-explorer-950: #111d1d;
}SCSS
$stellar-explorer: #002222;
$stellar-explorer-rgb: 0, 34, 34;
$stellar-explorer-light: mix(#fff, $stellar-explorer, 20%);
$stellar-explorer-dark: mix(#000, $stellar-explorer, 20%);
.element {
color: $stellar-explorer;
box-shadow: 0 0 0 2px rgba($stellar-explorer, 0.35);
}