Nazwany kolor · #006669
Joyful Tears
Joyful Tears to #006669: rgb(0 102 105), hsl(182 100% 21%), oklch(0.463 0.079 198.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Joyful Tears color name →
#006669
oklch(0.463 0.079 198.3)
Konwersje koloru
- HEX
- #006669
- RGB
- rgb(0 102 105)
- HSL
- hsl(182 100% 21%)
- HWB
- hwb(182 0% 59%)
- OKLCH
- oklch(0.463 0.079 198.3)
- OKLab
- oklab(0.463 -0.075 -0.025)
- CIE Lab
- lab(38.52 -25.05 -9.33)
- LCH
- lch(38.52 26.73 200.4)
- CMYK
- cmyk(100% 3% 0% 59%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2C7477
- 478385
- 5E9294
- 75A1A2
- 8CB0B1
- A3C0C0
- B9CFD0
- D0DFDF
- E8EFEF
Odcienie ciemniejsze
- 00585A
- 004A4C
- 003C3E
- 002F31
- 002324
- 001718
- 000C0C
- 000404
- 000000
Tony
- 1E696B
- 2E6C6E
- 3B6E70
- 467172
- 517475
- 5B7677
- 657979
- 6E7B7B
- 777E7E
Harmonie kolorów
Komplementarna +180°
- 006669
Joyful Tears
- 7F4648
≈ Casandra
Analogowa -30° +30°
- 006669
Joyful Tears
- 216751
≈ Celtic Green
- 1C617C
≈ Blue Sapphire
Triada +120° +240°
- 006669
Joyful Tears
- 6B4A75
≈ Hyssop
- 71531F
≈ Field Drab
Komplementarna rozszczepiona +150° +210°
- 006669
Joyful Tears
- 794660
≈ Scintillating Violet
- 7C4B30
≈ Urban Auburn
Tetrada +90° +180° +270°
- 006669
Joyful Tears
- 575182
≈ Freshly Purpleized
- 7F4648
≈ Casandra
- 5D5C22
≈ Costa Del Sol
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.76:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.10:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.76:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--joyful-tears: #006669;
--joyful-tears-rgb: 0 102 105;
--joyful-tears-oklch: oklch(0.463 0.079 198.3);
}
.element {
color: var(--joyful-tears);
background-color: hsl(182 100% 21%);
border-color: oklch(0.463 0.079 198.3);
}Tailwind CSS v4
@theme {
--color-joyful-tears: #006669;
--color-joyful-tears-50: #dcfdfe;
--color-joyful-tears-100: #caf0f2;
--color-joyful-tears-200: #addfe2;
--color-joyful-tears-300: #87c4c7;
--color-joyful-tears-400: #62adaf;
--color-joyful-tears-500: #389699;
--color-joyful-tears-600: #327f82;
--color-joyful-tears-700: #286668;
--color-joyful-tears-800: #1b4b4b;
--color-joyful-tears-900: #123434;
--color-joyful-tears-950: #041f20;
}SCSS
$joyful-tears: #006669;
$joyful-tears-rgb: 0, 102, 105;
$joyful-tears-light: mix(#fff, $joyful-tears, 20%);
$joyful-tears-dark: mix(#000, $joyful-tears, 20%);
.element {
color: $joyful-tears;
box-shadow: 0 0 0 2px rgba($joyful-tears, 0.35);
}