色名 · #7AD7AD
Tadorna Teal
Tadorna Tealは#7AD7AD：rgb(122 215 173)、hsl(153 54% 66%)、oklch(0.81 0.108 163.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Tadorna Teal color name →
#7AD7AD
oklch(0.81 0.108 163.2)
カラー変換
- HEX
- #7ad7ad
- RGB
- rgb(122 215 173)
- HSL
- hsl(153 54% 66%)
- HWB
- hwb(153 48% 16%)
- OKLCH
- oklch(0.81 0.108 163.2)
- OKLab
- oklab(0.81 -0.104 0.031)
- CIE Lab
- lab(79.37 -36.22 11.76)
- LCH
- lch(79.37 38.08 162)
- CMYK
- cmyk(43% 0% 20% 16%)
ティント · シェード · トーン
ティント
- 89DBB5
- 98DFBD
- A5E3C5
- B3E8CD
- C0ECD6
- CDF0DE
- DAF3E6
- E6F7EE
- F3FBF7
シェード
- 69BB96
- 599F7F
- 49856A
- 3A6B55
- 2B5241
- 1D3B2D
- 10251B
- 05110B
- 010201
トーン
- 7CCEA8
- 7EC5A4
- 80BC9F
- 81B49B
- 81AB96
- 82A292
- 829A8D
- 819189
- 818984
カラーハーモニー
補色 +180°
- 7AD7AD
Tadorna Teal
- F2A5D3
≈ Violet Kiss
類似色 -30° +30°
- 7AD7AD
Tadorna Teal
- A5D087
≈ Pistachio Dream
- 5DD7D4
≈ Hammam Blue
トライアド +120° +240°
- 7AD7AD
Tadorna Teal
- B8B9FF
≈ Greyish Lavender
- FCAA88
≈ Super Sepia
スプリットコンプリメンタリー +150° +210°
- 7AD7AD
Tadorna Teal
- DAACF3
≈ Petal Plush
- FEA3AD
≈ Strawberry Frappé
テトラード +90° +180° +270°
- 7AD7AD
Tadorna Teal
- 94C5FF
≈ Clear Sky
- F2A5D3
≈ Violet Kiss
- EBB66F
≈ Classical Gold
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.72:1 · APCA Lc 31
Ag
AAA黒の上
WCAG 12.15:1 · APCA Lc 72
最適な文字色: #000000
WCAG 12.15:1 (AAA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--tadorna-teal: #7ad7ad;
--tadorna-teal-rgb: 122 215 173;
--tadorna-teal-oklch: oklch(0.81 0.108 163.2);
}
.element {
color: var(--tadorna-teal);
background-color: hsl(153 54% 66%);
border-color: oklch(0.81 0.108 163.2);
}Tailwind CSS v4
@theme {
--color-tadorna-teal: #7ad7ad;
--color-tadorna-teal-50: #d9ffee;
--color-tadorna-teal-100: #c7f4df;
--color-tadorna-teal-200: #a9e4c9;
--color-tadorna-teal-300: #80c9aa;
--color-tadorna-teal-400: #5bb38c;
--color-tadorna-teal-500: #2b9c71;
--color-tadorna-teal-600: #288460;
--color-tadorna-teal-700: #206a4d;
--color-tadorna-teal-800: #174e36;
--color-tadorna-teal-900: #0f3625;
--color-tadorna-teal-950: #022113;
}SCSS
$tadorna-teal: #7ad7ad;
$tadorna-teal-rgb: 122, 215, 173;
$tadorna-teal-light: mix(#fff, $tadorna-teal, 20%);
$tadorna-teal-dark: mix(#000, $tadorna-teal, 20%);
.element {
color: $tadorna-teal;
box-shadow: 0 0 0 2px rgba($tadorna-teal, 0.35);
}