Nazwany kolor · #A5D0C6
Phosphorus
Phosphorus to #A5D0C6: rgb(165 208 198), hsl(166 31% 73%), oklch(0.824 0.047 179.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Phosphorus color name →
#A5D0C6
oklch(0.824 0.047 179.3)
Konwersje koloru
- HEX
- #a5d0c6
- RGB
- rgb(165 208 198)
- HSL
- hsl(166 31% 73%)
- HWB
- hwb(166 65% 18%)
- OKLCH
- oklch(0.824 0.047 179.3)
- OKLab
- oklab(0.824 -0.047 0.001)
- CIE Lab
- lab(80.19 -16.2 0.08)
- LCH
- lch(80.19 16.2 179.7)
- CMYK
- cmyk(21% 0% 5% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AED5CC
- B7D9D1
- C0DED7
- C9E3DC
- D2E7E2
- DBECE8
- E4F1EE
- EDF6F3
- F6FAF9
Odcienie ciemniejsze
- 8FB5AC
- 799A92
- 65807A
- 516762
- 3D4F4B
- 2B3935
- 1A2321
- 0A100E
- 010202
Tony
- A1C8BF
- 9EC0B8
- 9AB7B0
- 97AFA9
- 93A7A2
- 8F9F9B
- 8C9794
- 888F8E
- 848887
Harmonie kolorów
Komplementarna +180°
- A5D0C6
Phosphorus
- E1B9C4
≈ Love in a Mist
Analogowa -30° +30°
- A5D0C6
Phosphorus
- B1CFB5
≈ Pastel Mint Green
- A2CED6
≈ Children’s Soft Blue
Triada +120° +240°
- A5D0C6
Phosphorus
- C9BFE0
≈ Digital Lavender
- DDBFA7
≈ Adobe Beige
Komplementarna rozszczepiona +150° +210°
- A5D0C6
Phosphorus
- D8BBD5
≈ Lavender Veil
- E3BBB4
≈ Sweet Peach
Tetrada +90° +180° +270°
- A5D0C6
Phosphorus
- B9C5E5
≈ California Lilac
- E1B9C4
≈ Love in a Mist
- D2C5A3
≈ Sand Trail
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.68:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.43:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.43:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--phosphorus: #a5d0c6;
--phosphorus-rgb: 165 208 198;
--phosphorus-oklch: oklch(0.824 0.047 179.3);
}
.element {
color: var(--phosphorus);
background-color: hsl(166 31% 73%);
border-color: oklch(0.824 0.047 179.3);
}Tailwind CSS v4
@theme {
--color-phosphorus: #a5d0c6;
--color-phosphorus-50: #e7faf6;
--color-phosphorus-100: #d8ede9;
--color-phosphorus-200: #bfdbd5;
--color-phosphorus-300: #9ec0b9;
--color-phosphorus-400: #80a89f;
--color-phosphorus-500: #639187;
--color-phosphorus-600: #547a72;
--color-phosphorus-700: #43625b;
--color-phosphorus-800: #304842;
--color-phosphorus-900: #21322e;
--color-phosphorus-950: #101e1a;
}SCSS
$phosphorus: #a5d0c6;
$phosphorus-rgb: 165, 208, 198;
$phosphorus-light: mix(#fff, $phosphorus, 20%);
$phosphorus-dark: mix(#000, $phosphorus, 20%);
.element {
color: $phosphorus;
box-shadow: 0 0 0 2px rgba($phosphorus, 0.35);
}