色名 · #275B60
Terrace Teal
Terrace Tealは#275B60：rgb(39 91 96)、hsl(185 42% 26%)、oklch(0.438 0.056 203.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Terrace Teal color name →
#275B60
oklch(0.438 0.056 203.8)
カラー変換
- HEX
- #275b60
- RGB
- rgb(39 91 96)
- HSL
- hsl(185 42% 26%)
- HWB
- hwb(185 15% 62%)
- OKLCH
- oklch(0.438 0.056 203.8)
- OKLab
- oklab(0.438 -0.051 -0.022)
- CIE Lab
- lab(35.32 -16.82 -8.46)
- LCH
- lch(35.32 18.82 206.7)
- CMYK
- cmyk(59% 5% 0% 62%)
ティント · シェード · トーン
ティント
- 3D6A6F
- 527A7E
- 67898D
- 7C999C
- 91AAAC
- A6BABC
- BCCBCD
- D2DCDD
- E8EDEE
シェード
- 204E52
- 1A4145
- 143538
- 0E292C
- 081E20
- 041315
- 02090A
- 010303
- 000000
トーン
- 325F63
- 3C6266
- 45666A
- 4E6A6D
- 566E70
- 5F7173
- 677576
- 6F797A
- 787C7D
カラーハーモニー
補色 +180°
- 275B60
Terrace Teal
- 6E4643
≈ Hawaiian Cinder
類似色 -30° +30°
- 275B60
Terrace Teal
- 2E5C4F
≈ Old Money
- 31576C
≈ Endless Sea
トライアド +120° +240°
- 275B60
Terrace Teal
- 614764
≈ Brunneous
- 614F2D
≈ Jungle Beat
スプリットコンプリメンタリー +150° +210°
- 275B60
Terrace Teal
- 6A4554
≈ Finn
- 6A4A34
≈ Guitar
テトラード +90° +180° +270°
- 275B60
Terrace Teal
- 534C6E
≈ Harajuku Girl
- 6E4643
≈ Hawaiian Cinder
- 525631
≈ Dark Rainforest
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.63:1 · APCA Lc 86
Ag
Fail黒の上
WCAG 2.75:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.63:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--terrace-teal: #275b60;
--terrace-teal-rgb: 39 91 96;
--terrace-teal-oklch: oklch(0.438 0.056 203.8);
}
.element {
color: var(--terrace-teal);
background-color: hsl(185 42% 26%);
border-color: oklch(0.438 0.056 203.8);
}Tailwind CSS v4
@theme {
--color-terrace-teal: #275b60;
--color-terrace-teal-50: #e4fafd;
--color-terrace-teal-100: #d4eef1;
--color-terrace-teal-200: #badce0;
--color-terrace-teal-300: #97c0c5;
--color-terrace-teal-400: #77a8ad;
--color-terrace-teal-500: #579197;
--color-terrace-teal-600: #4b7b80;
--color-terrace-teal-700: #3b6266;
--color-terrace-teal-800: #2a484b;
--color-terrace-teal-900: #1c3234;
--color-terrace-teal-950: #0c1e1f;
}SCSS
$terrace-teal: #275b60;
$terrace-teal-rgb: 39, 91, 96;
$terrace-teal-light: mix(#fff, $terrace-teal, 20%);
$terrace-teal-dark: mix(#000, $terrace-teal, 20%);
.element {
color: $terrace-teal;
box-shadow: 0 0 0 2px rgba($terrace-teal, 0.35);
}