Nazwany kolor · #00AAAC
Fiji
Fiji to #00AAAC: rgb(0 170 172), hsl(181 100% 34%), oklch(0.669 0.114 196.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Fiji color name →
#00AAAC
oklch(0.669 0.114 196.3)
Konwersje koloru
- HEX
- #00aaac
- RGB
- rgb(0 170 172)
- HSL
- hsl(181 100% 34%)
- HWB
- hwb(181 0% 33%)
- OKLCH
- oklch(0.669 0.114 196.3)
- OKLab
- oklab(0.669 -0.109 -0.032)
- CIE Lab
- lab(62.78 -36.9 -12.07)
- LCH
- lch(62.78 38.83 198.1)
- CMYK
- cmyk(100% 1% 0% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3DB3B4
- 5ABBBC
- 73C4C4
- 89CCCD
- 9DD5D5
- B1DDDD
- C5E6E6
- D9EEEE
- ECF7F7
Odcienie ciemniejsze
- 009395
- 007D7F
- 006869
- 005354
- 003F40
- 002D2D
- 001B1B
- 000B0B
- 000101
Tony
- 2CA6A8
- 3EA2A3
- 4C9E9F
- 579A9A
- 609696
- 689191
- 6F8D8D
- 758989
- 7B8484
Harmonie kolorów
Komplementarna +180°
- 00AAAC
Fiji
- D1767D
≈ Lotus Red
Analogowa -30° +30°
- 00AAAC
Fiji
- 3FAB85
≈ Herbal
- 31A3CA
≈ Sardinia Beaches
Triada +120° +240°
- 00AAAC
Fiji
- B07EC4
≈ Wisteria
- BD8B3A
≈ Trading Post
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.85:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.34:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.34:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--fiji: #00aaac;
--fiji-rgb: 0 170 172;
--fiji-oklch: oklch(0.669 0.114 196.3);
}
.element {
color: var(--fiji);
background-color: hsl(181 100% 34%);
border-color: oklch(0.669 0.114 196.3);
}Tailwind CSS v4
@theme {
--color-fiji: #00aaac;
--color-fiji-50: #d0ffff;
--color-fiji-100: #bcf4f6;
--color-fiji-200: #99e4e6;
--color-fiji-300: #69c9cd;
--color-fiji-400: #30b3b5;
--color-fiji-500: #009c9f;
--color-fiji-600: #008486;
--color-fiji-700: #006a6c;
--color-fiji-800: #004e4e;
--color-fiji-900: #003636;
--color-fiji-950: #002121;
}SCSS
$fiji: #00aaac;
$fiji-rgb: 0, 170, 172;
$fiji-light: mix(#fff, $fiji, 20%);
$fiji-dark: mix(#000, $fiji, 20%);
.element {
color: $fiji;
box-shadow: 0 0 0 2px rgba($fiji, 0.35);
}